//声明一个混合(函数)
.center-position(){
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

//声明一个带参数的混合
.box(@w, @h, @bg: #c97777){
  width: @w * 1px;
  height: @h * 1px;
  background-color: @bg;
}

.box{
  // width: 800px;
  // height: 400px;
  // background: rgb(95, 34, 165);
  //使用带参数的混合
  .box(500, 500);
  //使用混合
  .center-position();
}

.box2{
  .box(200, 200, #148);
  //使用混合
  .center-position();
}